<!--  -->
<template>
  <div class='bot-list scroll-css'>
    <BotItem v-for="(item, index) in botList"
             :key="index"
             class="item"
             :botInfo='item'></BotItem>
  </div>
</template>

<script>
import BotItem from './compoments/bot-item'

export default {
  props: {
    botSelect: {
      type: Boolean,
      default: false
    }
  },
  components: { BotItem },
  data () {
    return {
      botList: [
        {
          id: 11223,
          name: 'Bot 111',
          icon: '',
          author: 'Edwin',
          version: '1.0.0',
          description: 'This is description.'
        },
        {
          id: 12413,
          name: 'Bot 111',
          icon: '',
          author: 'Edwin',
          version: '1.0.0',
          description: 'This is description.'
        }
      ]
    }
  },
  methods: {}
}
</script>

<style scoped lang='scss'>
@import "./showcase.scss";
</style>
